﻿<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">
  <link rel="shortcut icon" href="<?=base_url() ?>static/images/favicon.png" type="image/png">

  <title>氢元数据-视觉中国</title>

  <link href="<?=base_url() ?>static/css/style.default.css" rel="stylesheet">
    <link rel="stylesheet" href="<?=base_url() ?>static/css/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="<?=base_url() ?>static/css/jquery.datatables.css">

  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="js/html5shiv.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
</head>

<body>



<!-- Preloader -->
<div id="preloader">
    <div id="status"><i class="fa fa-spinner fa-spin"></i></div>
</div>

<section>

  <div class="leftpanel">

    <div class="logopanel">
        <h1>视觉中国任务</h1>
    </div><!-- logopanel -->

    <div class="leftpanelinner">

        <!-- This is only visible to small devices -->
        <div class="visible-xs hidden-sm hidden-md hidden-lg">
            <div class="media userlogged">
                <img alt="" src="<?=base_url() ?>static/images/photos/loggeduser.png" class="media-object">
                <div class="media-body">
                    <h4>John Doe</h4>
                    <span>"Life is so..."</span>
                </div>
            </div>

            <h5 class="sidebartitle actitle">Account</h5>
            <ul class="nav nav-pills nav-stacked nav-bracket mb30">
              <li><a href="profile.html"><i class="fa fa-user"></i> <span>Profile</span></a></li>
              <li><a href=""><i class="fa fa-cog"></i> <span>Account Settings</span></a></li>
              <li><a href=""><i class="fa fa-question-circle"></i> <span>Help</span></a></li>
              <li><a href="signout.html"><i class="fa fa-sign-out"></i> <span>Sign Out</span></a></li>
            </ul>
        </div>

      <h5 class="sidebartitle">Navigation</h5>
      <ul class="nav nav-pills nav-stacked nav-bracket">
        <li class="active"><a href="index.html"><i class="glyphicon glyphicon-search"></i> <span>任务列表</span></a></li>
        <li><a href="javascript:;"><i class="glyphicon glyphicon-list-alt"></i> <span>处理中任务列表</span></a></li>
        <li><a href="javascript:;"><i class="glyphicon glyphicon-warning-sign"></i> <span>已完成任务列表</span></a></li>
        <li><a href="javascript:;"><i class="glyphicon glyphicon-th-large"></i> <span>大象Elephant</span></a></li>
      </ul>


    </div><!-- leftpanelinner -->
  </div><!-- leftpanel -->

  <div class="mainpanel">

    <div class="headerbar">

      

      <div class="header-right">
        <ul class="headermenu">

          <li>
            <div class="btn-group">
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <img src="<?=base_url() ?>static/images/photos/loggeduser.png" alt="" />
                用户名
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                <li><a href="#"><i class="glyphicon glyphicon-cog"></i> Account Settings</a></li>
                <li><a href="signin.html"><i class="glyphicon glyphicon-log-out"></i> Log Out</a></li>
              </ul>
            </div>
          </li>
        </ul>
      </div><!-- header-right -->

    </div><!-- headerbar -->

    <div class="pageheader">
      <h2><i class="glyphicon glyphicon-search"></i> 搜索引擎 <span>search engine</span></h2>
    </div>

    <div class="contentpanel">
        <div class="panel panel-default">
            <div class="panel-body panel-body-nopadding">

                <div class="panel-body">
                  <form class="form-inline">
                    <div class="form-group">
                      搜索：<label class="sr-only" for="exampleInputEmail2">主任务ID</label>
                      <input type="text" class="form-control" id="exampleInputEmail2" placeholder="主任务ID">
                    </div>
                    <div class="form-group">
                      <label class="sr-only" for="exampleInputPassword2">子任务ID</label>
                      <input type="text" class="form-control" id="exampleInputPassword2" placeholder="子任务ID">
                    </div>
                    <select class="form-control input-sm mb16">
                      <option>全选</option>
                      <option>网站</option>
                      <option>app</option>
                      <option>微博</option>
                      <option>微信</option>
                      <option>头条号</option>
                    </select>
                    <button type="submit" class="btn btn-success">搜索</button>
                    <button type="reset" class="btn btn-success">重置</button>
                  </form>
                </div>

            </div><!-- panel-body -->


                </div>
                <div class="table-responsive">
                    <div class="col-md-13">
                    <div class="table-responsive">
                        <table class="table table-success mb30">
                            <thead>
                              <tr>
                                <th>主任务ID</th>
                                <th>紧急度</th>
                                <th>状态</th>
                                <th>修改时间</th>
                                <th>操作</th>
                              </tr>
                            </thead>
                            <tbody>
                              <tr>
                                <th><a href="" data-target="#myModal" data-toggle="modal">1</a></th>
                                <th>紧急</th>
                                <th>未完成</th>
                                <th>2017-09-25 09:03:06</th>
                                <th>
                                  <a class="btn btn-success">提交任务</a>
                                </th>
                              </tr>
                              <tr>
                                <th>1</th>
                                <th>紧急</th>
                                <th>未完成</th>
                                <th>2017-09-25 09:03:06</th>
                                <th>
                                  <a class="btn btn-success">提交任务</a>
                                </th>
                              </tr>
                              <tr>
                                <th>1</th>
                                <th>紧急</th>
                                <th>未完成</th>
                                <th>2017-09-25 09:03:06</th>
                                <th>
                                  <a class="btn btn-success-alt">提交任务</a>
                                </th>
                              </tr>
                            </tbody>
                        </table>
                    </div><!-- table-responsive -->
                </div>
            </div><!-- contentpanel -->

          </div><!-- mainpanel -->
            <div class="row">
                <div class="col-sm-6">
                    
                </div>
                <div class="col-sm-3 col-sm-offset-3">
                    显示 <input type="text" class="form-control" id="count-num" value="10" style="width:40px;display: inline-block"> 条&nbsp;&nbsp;
                    <button class="btn btn-success">导出excel</button>
                </div>
                <div class="col-sm-12" style="margin-top: 18px">
                    <div class="dataTables_paginate paging_simple_numbers" id="table1_paginate"><span><a class="paginate_button current" aria-controls="table1" data-dt-idx="1" tabindex="0">1</a><a class="paginate_button " aria-controls="table1" data-dt-idx="2" tabindex="0">2</a><a class="paginate_button " aria-controls="table1" data-dt-idx="3" tabindex="0">3</a><a class="paginate_button " aria-controls="table1" data-dt-idx="4" tabindex="0">4</a><a class="paginate_button " aria-controls="table1" data-dt-idx="5" tabindex="0">5</a><a class="paginate_button " aria-controls="table1" data-dt-idx="6" tabindex="0">6</a></span><a class="paginate_button next" aria-controls="table1" data-dt-idx="7" tabindex="0" id="table1_next">下一页</a><a class="paginate_button previous disabled" aria-controls="table1" data-dt-idx="0" tabindex="0" id="table1_previous">尾页</a></div>
                </div>
            </div>


        </div>
        



</section>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: none;">
  <div class="modal-dialog">
    <div class="modal-content">
      
    </div><!-- modal-content -->
  </div><!-- modal-dialog -->
</div>


<script src="<?=base_url() ?>static/js/jquery-1.11.1.min.js"></script>
<script src="<?=base_url() ?>static/js/jquery-migrate-1.2.1.min.js"></script>
<script src="<?=base_url() ?>static/js/jquery-ui-1.10.3.min.js"></script>
<script src="<?=base_url() ?>static/js/bootstrap.min.js"></script>
<script src="<?=base_url() ?>static/js/modernizr.min.js"></script>
<script src="<?=base_url() ?>static/js/jquery.sparkline.min.js"></script>
<script src="<?=base_url() ?>static/js/toggles.min.js"></script>
<script src="<?=base_url() ?>static/js/retina.min.js"></script>
<script src="<?=base_url() ?>static/js/jquery.cookies.js"></script>

<script src="<?=base_url() ?>static/js/flot/jquery.flot.min.js"></script>
<script src="<?=base_url() ?>static/js/flot/jquery.flot.resize.min.js"></script>
<script src="<?=base_url() ?>static/js/flot/jquery.flot.spline.min.js"></script>
<script src="<?=base_url() ?>static/js/morris.min.js"></script>
<script src="<?=base_url() ?>static/js/raphael-2.1.0.min.js"></script>

<script src="<?=base_url() ?>static/js/custom.js"></script>
<script src="<?=base_url() ?>static/js/dashboard.js"></script>

<script src="<?=base_url() ?>static/js/bootstrap-datetimepicker.min.js"></script>
<script src="<?=base_url() ?>static/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript">
    $("#datetimeStart").datetimepicker({
        format: 'yyyy-mm-dd',
        minView:'month',
        language: 'zh-CN',
        autoclose:true
    }).on("click",function(){
        $("#datetimeStart").datetimepicker("setEndDate",$("#datetimeEnd").val())
    });
    $("#datetimeEnd").datetimepicker({
        format: 'yyyy-mm-dd',
        minView:'month',
        language: 'zh-CN',
        autoclose:true
    }).on("click",function(){
        $("#datetimeEnd").datetimepicker("setStartDate",$("#datetimeStart".val()))
    });

    $('.right-keywords li').click(function () {
        $(this).addClass('active');
    });
    $('.right-keywords li').dblclick(function () {
        $(this).removeClass('active');
    });

    $('#custom-media-save').click(function () {
        alert('保存成功');
        location.href=location.href;
    })
</script>
<div style="text-align:center;">
<p>来源：<a href="http://h2data.cn" target="_blank">氢元设计</a></p>
</div>
</body>
</html>
